<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>《梦幻西游》电脑版官方网站 - 网易西游题材扛鼎之作</title>
    <meta name="keyword" content="《梦幻西游》电脑版,Q版网游,人气网游,回合制网游, 网易游戏,梦幻西游下载,梦幻西游官网, 梦幻西游序列号,最好玩的网游">
    <meta name="description" content="《梦幻西游》电脑版，网易回合制网游旗舰，西游题材扛鼎之作；3.6亿注册用户，271万玩家最高在线，每月有新服开放。人物和画面超可爱、轻轻松松交朋友!">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <!-- <link rel="stylesheet" href="./css/mhbk1.css"> -->
    <script src="./lib/jquery.min.js"></script>
    <script src="js/wsq-index.js"></script>
</head>
<style>
    * {
        padding: 0;
        margin: 0;
    }

    .w {
        width: 1400px;
        margin: auto;
    }

    body {
        height: 100%;
        width: 100%;
        overflow-x: hidden;
        /* overflow-y: hidden; */
    }

    .box {
        width: 1920px;
        height: 1131px;
        position: relative;

        background: url("images/bg_fbc10eb.jpg");
        background-position: -200px 0;
        /* background-size: contain; */
    }

    h1 {
        position: absolute;
        /* background-color: pink; */
        width: 270px;
        height: 140px;
        top: 61px;
        left: 516px;
    }

    h1 a {
        display: block;
        width: 270px;
        height: 140px;
        text-indent: -9999px;
    }

    .sp_1 {
        position: absolute;
        top: 246px;
        left: 598px;
        width: 100px;
        height: 30px;
        background-color: rgb(255, 115, 102);
        border-radius: 20px;
    }

    .sp_1 .sp_1_1 {
        position: absolute;
        font-size: 16px;
        top: 0;
        left: 19px;
        text-decoration: none;
        text-align: center;
        line-height: 30px;
        color: #fff;
    }

    h3 {
        position: absolute;
        top: 243px;
        left: 426px;
        color: rgb(255, 60, 38);
        font-size: 24px;
        font-weight: 400;
        font-family: 微软雅黑;
    }

    .sp_1:hover {
        background-color: rgb(255, 115, 102, .8);
    }

    .form_item {
        position: absolute;
        /* border: 1px solid teal; */
        width: 300px;
        height: 250px;
        top: 294px;
        left: 406px;
    }

    input::-webkit-input-placeholder {
        color: #C0C0C0;
        font-size: 14px;
    }

    input {
        margin: 13px 0 0 20px;
        color: #C0C0C0;
        width: 255px;
        height: 40px;
        border: 1px solid #C0C0C0;
        outline: none;
        font-size: 14px;
    }

    .input_kong {
        border: 1px solid #C0C0C0;

        outline: none;
    }

    .input_border {
        border: 1px solid rgb(74, 175, 233);
        outline: none;
    }

    .ccc {
        position: relative;
        top: 1px;
        right: 18px;
        width: 12px;
        height: 12px;
        color: green;
    }

    .form_item span {
        position: relative;
        float: left;
        line-height: 20px;
        width: 260px;
        height: 40px;
        font-size: 14px;
        color: rgb(153, 153, 153);
        top: 5px;
        left: 20px;
    }

    .form_item span a {
        text-decoration: none;
        color: rgb(153, 153, 153);
    }

    .form_item span a:hover {
        color: #000;
    }

    .set {
        position: relative;
        top: 27px;
        left: 18px;
        border: none;
        background-color: rgb(255, 115, 100);
        outline: none;
        font-size: 20px;
        text-align: center;
        line-height: 40px;
    }

    .set a {
        color: #fff;
        width: 260px;
        height: 40px;
        display: block;
        text-decoration: none;
    }

    .set:hover {
        background-color: rgb(255, 115, 102, .9);
    }

    .but {
        position: relative;
        top: 914px;
        left: 39%;
        transform: translateX(-50%);
        width: 500px;
        height: 60px;
        /* background-color: teal; */
    }

    .but a {
        float: left;
        width: 180px;
        height: 49px;
        margin: 5px 35px 0 35px;

    }

    .but .a1 {
        background: url("images/spr.jpg") no-repeat 0px -61px;
    }

    .but .a1:hover {
        background: url("images/spr.jpg") no-repeat -420px -61px;
    }

    .but .a2 {
        background: url("images/spr.jpg") no-repeat -200px -61px;
    }

    .but .a2:hover {
        background: url("images/spr.jpg") no-repeat -620px -61px;
    }

    .floor {
        position: absolute;
        top: 1030px;
        left: 39%;
        transform: translateX(-50%);
        width: 915px;
        height: 60px;
        /* background-color: teal; */
    }

    .log {
        display: block;
    }

    .log_1 {
        float: left;
        padding-left: 10px;
    }

    .log_2 {
        float: left;
        padding-left: 10px;
    }

    .log_3 {
        float: left;
        padding-left: 10px;
    }

    .zi {
        position: relative;
        bottom: 8px;
        left: 12px;
    }

    .zi a {
        color: #000;
        font-size: 12px;
        text-decoration: none;
    }

    .zi a:hover {
        text-decoration: underline;
    }

    .zi_floor {
        margin-top: 4px;
        font-size: 12px;
        color: #000;
    }

    .zi_floor .zi_fl_1 {
        position: absolute;
        text-align: center;
        background-color: #610000;
        color: #fff;
        width: 138px;
        height: 26px;
        top: 22px;
        line-height: 26px;
        left: 444px;
    }
</style>

<body>
    <!-- 头部导航栏 -->
    <div class="NIE-topBar-main">
        <!-- 游戏全目录start -->
        <a href="javascript:;" class="NIE-topBar-menu-btn">
            <i></i>
            游戏全目录
        </a>
        <!-- 游戏全目录end -->
        <!-- 游戏全目录旁边图片start -->
        <div id="NIE-topBar-news" class="NIE-topBar-news">
            <span>
                <img id="NIE-topBar-abc-s" src="./images/small-nav.jpg" alt="">
                <a href="javascript:;">
                    <img class="NIE-topBar-abc-b" src="./images/big-nav.jpg" alt="">
                </a>
            </span>
        </div>
        <!-- 游戏全目录旁边图片end -->

        <!-- 游戏全目录列表start -->
        <div class="NIE-topBar-menu clearfix">
            <div class="NIE-table">
                <ul class="NIE-nav clearfix">
                    <li>
                        <b>客户端游戏</b>
                    </li>
                    <li>
                        <b>手机游戏</b>
                    </li>
                    <li>
                        <b>游戏辅助</b>
                    </li>
                </ul>
                <ul class="NIE-list clearfix">
                    <!-- 角色扮演 -->
                    <li>
                        <p>角色扮演</p>
                        <a href="javascript:;">
                            <em class="NIE-topBar-1st">梦幻西游电脑版</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">大话2经典版</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">天下3</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">新倩女幽魂</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">逆水寒</em>
                        </a>
                        <a href="javascript:;">
                            <em>天谕</em>
                        </a>
                        <a href="javascript:;">
                            <em>超激斗梦境</em>
                        </a>
                        <a href="javascript:;">
                            <em>龙魂时刻</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">泰亚史诗</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">大话2免费版</em>
                        </a>
                        <a href="javascript:;">
                            <em>新大话3经典版</em>
                        </a>
                        <a href="javascript:;">
                            <em>新大话3免费版</em>
                        </a>
                        <a href="javascript:;">
                            <em>镇魔曲</em>
                        </a>
                        <a href="javascript:;">
                            <em>镇魔曲页游</em>
                        </a>
                        <a href="javascript:;">
                            <em>大唐无双</em>
                        </a>
                        <a href="javascript:;">
                            <em>武魂2</em>
                        </a>
                        <a href="javascript:;">
                            <em>魔兽世界</em>
                        </a>
                    </li>
                    <!-- 更多热门游戏列表 -->
                    <li id="NIE-list-more-hot-games" class="NIE-list-more-hot-games">
                        <a href="javascript:;">
                            <em>暗黑破坏神3</em>
                        </a>
                        <a href="javascript:;">
                            <em>新飞飞</em>
                        </a>
                        <a href="javascript:;">
                            <em>精灵传说</em>
                        </a>
                    </li>
                    <!-- 竞技/休闲 -->
                    <li class="js_NIE_topbar_xiu" id="js_NIE_topbar_xiu">
                        <p>竞技/休闲</p>
                        <a href="javascript:;">
                            <em class="NIE-topBar-new">我的世界</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-new">守望先锋</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-new">荒野行动</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-new">Plus</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-new">EVE Online</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-new">突击英雄</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-new">战意</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-new">秘境对决</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-new">故土Nostos</em>
                        </a>
                        <a href="javascript:;">
                            <em>风暴英雄</em>
                        </a>
                        <a href="javascript:;">
                            <em>星际争霸Ⅱ</em>
                        </a>
                        <a href="javascript:;">
                            <em>炉石传说</em>
                        </a>
                        <a href="javascript:;" class="more-hot-games first-hot-games">
                            <em>更多热门端游</em>
                        </a>
                    </li>
                    <!-- 热门推荐 -->
                    <li>
                        <p>热门推荐</p>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">梦幻西游手游</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">大话西游手游</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">倩女幽魂手游</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">阴阳师</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">率土之滨</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">天下手游</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">镇魔曲手游</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">一梦江湖</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">决战！平安京</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">明日之后</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">荒野行动</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">第五人格</em>
                        </a>
                        <a href="javascript:;">
                            <em class="NIE-topBar-hot">神都夜行录</em>
                        </a>
                        <a href="javascript:;">
                            <em>终结战场</em>
                        </a>
                        <a href="javascript:;">
                            <em>我的世界Minecraft</em>
                        </a>
                        <a href="javascript:;">
                            <em>大唐无双唯美篇</em>
                        </a>
                        <a href="javascript:;">
                            <em>光明大陆</em>
                        </a>
                    </li>
                    <!-- 新品推荐 -->
                    <li class="news">
                        <p>新品推荐</p>
                        <div id="NIE-list-news" class="clearfix">
                            <div class="long-news">
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">猎手之王</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">梦幻西游三维版</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">哈利波特：魔法觉醒</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">代号：T</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">重装上阵</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">花与剑</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">光遇</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">实况球会经理</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">海岛纪元</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">梦幻西游网页版</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">阴阳师：妖怪屋</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">风云岛行动</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">代号：诸神黄昏</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">一起优诺</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">代号：OIP</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">代号：世界</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">实况足球</em>
                                </a>
                            </div>
                            <div class="long-news">
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">阴阳师百闻牌</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">忘川风华录</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">代号MOON</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">轩辕剑龙舞云山</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">王牌竞速</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">量子特攻</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">伊格效应</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">遇见逆水寒</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">陈情令</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">绿茵之颠</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">最后的秘密</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">堡垒前线</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">第九所</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">河狸计划</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">时空中的绘旅人</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">暗黑破坏神：不朽</em>
                                </a>
                                <a href="javascript:;">
                                    <em class="NIE-topBar-new">宝可梦大探险</em>
                                </a>
                            </div>
                            <div class="short-news">
                                <a href="javascript:;">
                                    <em>黑潮之上</em>
                                </a>
                                <a href="javascript:;">
                                    <em>绘真妙笔千山</em>
                                </a>
                                <a href="javascript:;">
                                    <em>流星群侠传</em>
                                </a>
                                <a href="javascript:;">
                                    <em>有杀气通话2</em>
                                </a>
                                <a href="javascript:;">
                                    <em>完售物语</em>
                                </a>
                                <a href="javascript:;">
                                    <em>天谕手游</em>
                                </a>
                                <a href="javascript:;">
                                    <em>Disorder</em>
                                </a>
                                <a href="javascript:;">
                                    <em>机动都市阿尔法</em>
                                </a>
                                <a href="javascript:;">
                                    <em>幻书启示录</em>
                                </a>
                                <a href="javascript:;">
                                    <em>青璃</em>
                                </a>
                                <a href="javascript:;">
                                    <em>孤岛先锋</em>
                                </a>
                                <a href="javascript:;">
                                    <em>逗斗火柴人</em>
                                </a>
                                <a href="javascript:;">
                                    <em>有希望:决斗链接</em>
                                </a>
                                <a href="javascript:;">
                                    <em>节奏空间</em>
                                </a>
                                <a href="javascript:;">
                                    <em>隐世录</em>
                                </a>
                                <a href="javascript:;">
                                    <em>荒野潜伏者</em>
                                </a>
                                <a href="javascript:;">
                                    <em>迷世The Room</em>
                                </a>
                            </div>
                            <div class="short-news">
                                <a href="javascript:;">
                                    <em>永远的7日之都</em>
                                </a>
                                <a href="javascript:;">
                                    <em>舰无虚发:暗星</em>
                                </a>
                                <a href="javascript:;">
                                    <em>实况：王者集结</em>
                                </a>
                                <a href="javascript:;">
                                    <em>战舰世界闪击战</em>
                                </a>
                                <a href="javascript:;">
                                    <em>坦克事件闪击战</em>
                                </a>
                                <a href="javascript:;">
                                    <em>战争怒吼</em>
                                </a>
                                <a href="javascript:;">
                                    <em>极客战记(教育类)</em>
                                </a>
                                <a href="javascript:;">
                                    <em>权利与纷争</em>
                                </a>
                                <a href="javascript:;">
                                    <em>非人学园</em>
                                </a>
                                <a href="javascript:;">
                                    <em>战国志</em>
                                </a>
                                <a href="javascript:;">
                                    <em>边境之旅</em>
                                </a>
                                <a href="javascript:;">
                                    <em>星战前夜:无烬星河</em>
                                </a>
                                <a href="javascript:;">
                                    <em>三国如龙传</em>
                                </a>
                                <a href="javascript:;">
                                    <em>网易棋盘</em>
                                </a>
                                <a href="javascript:;">
                                    <em>神谕文明</em>
                                </a>
                                <a href="javascript:;">
                                    <em>风暴对决</em>
                                </a>
                                <a href="javascript:;">
                                    <em>猎魂觉醒</em>
                                </a>
                            </div>
                            <div class="short-news">
                                <a href="javascript:;">
                                    <em>狼人杀</em>
                                </a>
                                <a href="javascript:;">
                                    <em>魔法禁书目录</em>
                                </a>
                                <a href="javascript:;">
                                    <em>秘境对决</em>
                                </a>
                                <a href="javascript:;">
                                    <em>影之诗</em>
                                </a>
                                <a href="javascript:;">
                                    <em>潮人篮球</em>
                                </a>
                                <a href="javascript:;">
                                    <em>三国诛将录</em>
                                </a>
                                <a href="javascript:;">
                                    <em>重装出击</em>
                                </a>
                                <a href="javascript:;">
                                    <em>劲舞团</em>
                                </a>
                                <a href="javascript:;">
                                    <em>坦克连</em>
                                </a>
                                <a href="javascript:;">
                                    <em>大航海之路</em>
                                </a>
                                <a href="javascript:;">
                                    <em>萌王EX</em>
                                </a>
                                <a href="javascript:;">
                                    <em>天下x天下</em>
                                </a>
                                <a href="javascript:;">
                                    <em>永恒边境</em>
                                </a>
                                <a href="javascript:;">
                                    <em>花语月</em>
                                </a>
                                <a href="javascript:;">
                                    <em>乱斗西游2</em>
                                </a>
                                <a href="javascript:;">
                                    <em>惊梦</em>
                                </a>
                                <a href="javascript:;">
                                    <em>迷你西游</em>
                                </a>
                            </div>
                            <!-- <div class="short-news">
                                <a href="javascript:;">
                                    <em>实况俱乐部</em>
                                </a>
                                <a href="javascript:;">
                                    <em>大唐游仙记</em>
                                </a>
                                <a href="javascript:;">
                                    <em>天下HD</em>
                                </a>
                                <a href="javascript:;">
                                    <em>猫和老鼠官方手游</em>
                                </a>
                            </div> -->
                            <a href="javascript:;" class="more-hot-games more-finger-games">更多热门手游</a>
                        </div>
                    </li>
                    <li class="short">
                        <a href="javascript:;">
                            <em>网易云游戏</em>
                        </a>
                        <a href="javascript:;">
                            <em>网易MuMu</em>
                        </a>
                        <a href="javascript:;">
                            <em>会员俱乐部</em>
                        </a>
                        <a href="javascript:;">
                            <em>网易大神</em>
                        </a>
                        <a href="javascript:;">
                            <em>网易游戏印象</em>
                        </a>
                        <a href="javascript:;">
                            <em>网易游戏助手</em>
                        </a>
                        <a href="javascript:;">
                            <em>易次元</em>
                        </a>
                        <a href="javascript:;">
                            <em>手机将军令</em>
                        </a>
                        <a href="javascript:;">
                            <em>将军令</em>
                        </a>
                        <a href="javascript:;">
                            <em>藏宝阁</em>
                        </a>
                        <a href="javascript:;">
                            <em>网易CC</em>
                        </a>
                        <a href="javascript:;">
                            <em>自助百宝箱</em>
                        </a>
                        <a href="javascript:;">
                            <em>网易UU加速器</em>
                        </a>
                        <a href="javascript:;">
                            <em>网易白金卡</em>
                        </a>
                        <a href="javascript:;">
                            <em>客服中心</em>
                        </a>
                        <a href="javascript:;" class="wangyiyouxi">
                            <em>网易游戏</em>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 游戏全目录列表end -->

        <!-- 网易logo部分start -->
        <a href="javascript:;" class="NIE-topBar-logo"></a>
        <!-- 网易logo部分start -->

        <!-- 右侧导航栏切换部分start -->
        <div class="NIE-topBar-right-fly">
            <a href="javascript:;" class="game-recharge ">游戏充值9.8折</a>
            <a href="javascript:;" class="free-classes ">限时领取免费课程</a>
        </div>
        <!-- 右侧导航栏切换部分start -->

        <!-- 热点推荐部分start -->
        <div class="NIE-topBar-recommend-hot">
            <a href="javascript:;">
                <i></i>热点推荐
            </a>
        </div>
        <!-- 热点推荐隐藏内容start -->
        <div class="recomContent-h" style="z-index: 100;">
            <!-- 游戏图片模块 -->
            <ul class="NIE-game-list-pu">
                <li>
                    <a href="#" target="_blank">
                        <img src="./upload/index1.jpg" alt="《重装上阵》极速漂移 从零打造概念超跑">
                        <div class="NIE-game-name">
                            <span class="game-title">《重装上阵》极速漂移</span>
                            <span class="game-title">从零打造概念超跑
                            </span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <img src="./upload/index2.jpg" alt="《重装上阵》极速漂移 从零打造概念超跑">
                        <div class="NIE-game-name">
                            <span class="game-title">活下去，一起！</span>
                            <span class="game-title">我就在你身边
                            </span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <img src="./upload/index3.jpg" alt="《重装上阵》极速漂移 从零打造概念超跑">
                        <div class="NIE-game-name">
                            <span class="game-title">花与剑*谷雨：联名限定</span>
                            <span class="game-title">《幸得识卿》倾心上线
                            </span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <img src="./upload/index4.jpg" alt="《重装上阵》极速漂移 从零打造概念超跑">
                        <div class="NIE-game-name">
                            <span class="game-title">阴阳师</span>
                            <span class="game-title">为崽而战
                            </span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <img src="./upload/index5.jpg" alt="《重装上阵》极速漂移 从零打造概念超跑">
                        <div class="NIE-game-name">
                            <span class="game-title">轩辕剑龙舞云山</span>
                            <span class="game-title">七夕活动浪漫开启
                            </span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <img src="./upload/index6.jpg" alt="《重装上阵》极速漂移 从零打造概念超跑">
                        <div class="NIE-game-name">
                            <span class="game-title">率土之滨</span>
                            <span class="game-title">全新赛季火热来袭
                            </span>
                        </div>
                    </a>
                </li>
            </ul>
            <!-- 我的足迹模块 -->
            <div class="NIE-game-foot-t">
                <span class="prefix">我的足迹：</span>&nbsp;&nbsp;
                <a href="#" target="_blank" class="hov-red">梦幻西游电脑版</a>
            </div>
            <!-- 注册、充值、客服区域 -->
            <div class="NIE-game-btn-as">
                <a href="#" target="_blank" class="hov-red"><i class="icon-zc"></i>注册帐号</a>
                <a href="#" target="_blank" class="hov-red"><i class="icon-cz"></i>购卡充值</a>
                <a href="#" target="_blank" class="hov-red"><i class="icon-kf"></i>客服中心</a>
                <a href="#" target="_blank" style="display: none;">游戏云助手</a>
            </div>
        </div>
        <!-- 热点推荐隐藏内容end -->
    </div>
    <!-- 中间注册页面 -->
    <div class="box w">
        <!-- logo -->
        <h1>
            <a href="//xyq.163.com/index.html" class="logo" title="">梦幻西游</a>
        </h1>
        <h3>快速注册账号</h3>
        <span class="sp_1"><a href="//xyq.163.com/download/" class="sp_1_1">下载游戏</a></span>

        <div class="form_item">
            <!-- style="color: rgb(153, 153, 153);" -->
            <input type="text" placeholder="邮箱账号" id="aa" class="aaa" maxlength="10" style="text-indent:6px">
            <input type="password" placeholder="8-16位密码，区分大小写" id="bb" class="bbb" maxlength="16"
                style="text-indent:6px">
            <span>
                <input type="checkbox" id="cc" class="ccc">我同意
                <a href="http://reg.163.com/agreement.shtml">《服务条款》</a> 和
                <a href="http://reg.163.com/agreement_game.shtml">《隐私保护和个人信息利用政策》</a>
            </span>
            <button class="set"><a href="#">下 一 步</a></button>
        </div>

        <div class="but">
            <a href="//xyq.163.com/clwf/" class="a1"></a>
            <a href="//xyq.163.com/newer/" class="a2"></a>
        </div>

        <div class="floor">
            <span class="log">
                <a class="log_1" href="http://www.163.com">
                    <img src="./images/netease.1.png" alt="">
                </a>
                <a class="log_2" href="http://game.163.com">
                    <img src="./images/nie.1.png" alt=""></a>
                <a class="log_3"
                    href="http://sq.ccm.gov.cn/ccnt/sczr/service/business/emark/toDetail/5F3BB7FDD27D4B01964F56E1FFBADD53">
                    <img src="./images/wen.png" alt="">
                </a>
            </span>
            <span class="zi">
                <a href="http://gb.corp.163.com/gb/about/overview.html">公司简介</a>
                - <a href="http://help.163.com/">客户服务</a>
                - <a href="http://gb.corp.163.com/gb/legal.html">网易集团隐私政策及儿童个人信息保护规则</a>
                - <a href="http://game.163.com/about/">网易游戏</a>
                - <a href="http://game.163.com/contact/">联系我们</a>
                - <a href="http://game.163.com/contact/business.html">商务合作</a>
                - <a href="http://hr.game.163.com/index.html">加入我们</a>
                <div class="zi_floor">
                    网易公司版权所有 ©1997-2020
                    <a class="zi_fl_1" href="https://jiazhang.gm.163.com/">点击查看家长关爱平台 &gt; </a>
                </div>
            </span>
        </div>
    </div>
</body>
<!-- 底部js -->
<script>
    var ipt = document.querySelector('aaa')
    var ina = document.getElementById('aa')
    var inb = document.getElementById('bb')
    var set = document.querySelector('.set');

    set.addEventListener('click', function () {
        var val = ipt.value;
        localStorage.setItem('username', val);
    })

    ina.onclick = function () {
        this.value = '';
        this.className = "input_border"
    }
    ina.onblur = function () {
        if (this.value == '') {
            this.className = 'input_kong';
            this.value = "";
        }
    }
    inb.onclick = function () {
        this.value = '';
        this.className = "input_border"
    }
    inb.onblur = function () {
        if (this.value == '') {
            this.className = 'input_kong';
            this.value = "";
        }
    }
</script>

</html>